<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .rows {
            margin: 0 auto;
            width: 100px;
            border: 1px solid #333;
            color: #333;
        }


        .cols {
            text-align: center;
        }
    </style>
</head>

<body>
    <script>
        // 三元运算符比较最大值
        // max = (a > b ? a : b) > c ? (a > b ? a : b) : c;
        // console.log('最大值为：' + max);
        var num = 10;
        var result = num > 5 ? 10 + '大于' + 5 : 10 + '不大于' + 5;
        document.write(result + '<br>')


        //输出【100-999】中的水仙花数
        // - 水仙花数是指一个3位数，它的每个位上的数字的3次幂之和等于它本身，例如：1^3+5^3+3^3=153。
        document.write('<div>100-999中的水仙花数有：')
        for (var i = 100; i <= 999; i++) {
            var hunder = parseInt(i / 100);
            var ten = parseInt(i / 10) - hunder * 10;
            var bits = i - (hunder * 100 + ten * 10);
            if (hunder ** 3 + ten ** 3 + bits ** 3 == i) {
                document.write(i + ', ')
            }
        }
        document.write('</div>')

        // for (var num = 100; num <= 999; num++) {
        //     // var num = 345;
        //     // 百位数字
        //     var num_hundred = parseInt(num / 100);
        //     // 十位数字
        //     // var num_ten = parseInt((num - num_hundred * 100) / 10);
        //     var num_ten = parseInt(num % 100 / 10);
        //     // 个位数字
        //     var num_unit = num % 10;
        //     if (num_hundred ** 3 + num_ten ** 3 + num_unit ** 3 == num) {
        //         document.write(num + ' ');
        //     }
        //     // else {
        //     //     document.write('这不是一个水仙花数');
        //     // }
        // }

        // 打印金字塔
        document.write('<div class="rows">')
        for (var i = 1; i <= 5; i++) { // 外层循环负责打印五行
            document.write('<div class="cols">')
            for (var j = 1; j <= 2 * i - 1; j++) { // 里层循环负责一行打印几个*
                document.write('*');
            }
            document.write('</div>')
        }
        document.write('</div>')


    </script>
</body>

</html>